<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="js/flexible/flexible_css.js"></script>
    <script src="js/flexible/flexible.js"></script>
    <link rel="stylesheet" href="css/main.css">
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/math.js"></script>
    <script src="js/each/getDraw.js"></script>
    <title>抽奖</title>
</head>
<body flex="dir:top">
    <section flex-box="10">
        <div class="banner-draw">
            <img src="img/bg.jpg" alt="">
        </div>
        <div class="form" flex="main:center cross:center">
            <label><input type="text" font="14"></label>
            <button font="12">兑奖</button>
        </div>
        <div class="result" font="16">
            <h1 font="30">恭喜你</h1>
            <article>
                <p>在本次刮刮奖活动中</p>
                <p>获得了<span font="24">富士 MINI90</span></p>
                <p>拍立得相机一台</p>
            </article>
        </div>
        <div class="result-inf" font="12">请填写个人信息</div>
    </section>
    <div class="dialog personal">
        <div class="personal-inf">
            <h1 font="18">个人信息</h1>
            <ul font="14">
                <li>
                    <label><input type="text" placeholder="联系人"></label>
                </li>
                <li>
                    <label><input type="tel" placeholder="联系电话"></label>
                </li>
                <li>
                    <label><input type="text" placeholder="联系地址"></label>
                </li>
            </ul>
            <p font="12">*请务必准确填写个人信息*</p>
            <button font="18">提交</button>
        </div>
    </div>
</body>
</html>